<!-- FORMULARIO LOCALIZACION -->
<!-- Botón activo-->
<script language="javascript" type="text/javascript">
    $(function() {
        $( "#activolocalizacion" ).buttonset();
    });
</script>

<!-- LISTA DE LOCALIZACIONES Y FORMULARIO DE LOCALIZACIONES-->
<!-- TRAE LOS LOCALIZACIONES -->
<script>
    function traelocalizaciones() {
        if(seleccionado == 'localizaciones'){;
            $(function() { 
                $.ajax({ 
                    data: "accio=omplirLlista", 
                    type: "GET", 
                    dataType: "json", 
                    url: "./controlador/LocalizacionControl.php", 
                    beforeSend : function(jqXHR, settings) {
                        console.info('in beforeSend');
                        console.log(jqXHR, settings);
                        $("#divajax").show(); 
                    },
                    error : function(jqXHR, textStatus, errorThrown) {
                        console.info('in error');
                        console.log(jqXHR, textStatus, errorThrown);
                    },
                    success: function(data){ 
                        //alert("hola");
                        mostraLlistaLocalizaciones(data);
                        $("#divajax").hide();
                        $(".derechaConfig").hide();
                    }
                });
            }); 
        }
          
    }
</script>

<!-- MUESTRA LA LISTA DE LOCALIZACIONES -->
<script language="javascript" type="text/javascript">
    function mostraLlistaLocalizaciones(data) {
        if(seleccionado == 'localizaciones'){
            $("#tlocalizaciones").empty();
            var texto = "<thead><tr><th>Código</th><th>Descripción</th><th>Tipo</th><th>Inv.Inic.</th><th>Capacidad</th></tr></thead><tbody>";
            $.each(data,function(index,value) {
                texto = texto + "<tr id='"+data[index].codigoLocalizacion+"'>";
                texto = texto + "<td>"+data[index].codigoLocalizacion+"</td>";
                texto = texto + "<td>"+data[index].descripcionLocalizacion+"</td>";
                texto = texto + "<td>"+data[index].tipoLocalizacion+"</td>";     
                texto = texto + "<td>"+data[index].inventarioInicial+"</td>";  
                texto = texto + "<td>"+data[index].capacidad+"</td>"; 
                texto = texto + "</tr>";
            });
            var texto = texto+"</tbody>";
            $("#tlocalizaciones").append(texto);
        }
        
    }
</script>


<!-- CLIC A AÑADIR LOCALIZACION -->
<script type='text/javascript'>
    $(function() { 
        $("#afegirL").click(function() {
            $("#localizacionesForm").show();
            $("#flocalizacion").reset();
            $("#divajax").show();
            selectTipoLocalizacion();

<?php
$_SESSION['localizacioneselected'] = "";
$_SESSION['localizacion'] = null;
?>;
        });
    });
</script>

<!-- CLIC A UN LOCALIZACION DE LA LISTA PARA MOSTRARLO EN EL FORMULARIO DERECHA-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#tlocalizaciones').delegate('tbody tr', 'click', function () {  
            //$("#tlocalizaciones tbody").click(function(event) {
            var codigoLocalizacionClic = $(this).attr("id");
            $.ajax({ 
                data: "accio=omplirFLocalizacion&codigoLocalizacionClic="+codigoLocalizacionClic, 
                type: "GET", 
                dataType: "json", 
                url: "controlador/LocalizacionControl.php",
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                error : function(jqXHR, textStatus, errorThrown) {
                    console.info('in error');
                    console.log(jqXHR, textStatus, errorThrown);
                },
                success: function(data){ 
                    mostraFLocalizacion(data);
                }
            });
 
        });
    });
</script>

<!-- MUESTRA LOS DATOS DEL FORMULARIO LOCALIZACION -->
<script language="javascript" type="text/javascript">
    function mostraFLocalizacion(data) {
        $("#flocalizacion").reset();
        $("#localizacionesForm").show();
        $.each(data,function(index,value) { 
            $("#codigoLocalizacion").val(data[index].codigoLocalizacion);
            $("#descripcionLocalizacion").val(data[index].descripcionLocalizacion);
            selectTipoLocalizacion();
            $("#inventarioInicial").val(data[index].inventarioInicial);
            $("#capacidad").val(data[index].capacidad);
            var $elselect = $('input:radio[name=activolocalizacion]');
            if(data[index].activolocalizacion == 1){
                $elselect.filter('[value=1]').attr('checked',true);   
                $elselect.filter('[value=0]').attr('checked',false);
            }else{
                $elselect.filter('[value=0]').attr('checked',true);   
                $elselect.filter('[value=1]').attr('checked',false);
            }

        });
    }
</script>

<!-- LLENA Y MUESTRA EL SELECT DE LOCALIZACION DEPENDIENTE EN EL FORMULARIO DE LOCALIZACION-->
<script>
    function muestraTipoLocalizacion(data) {
        $.each(data,function(index,value) {
            $("#tipoLocalizacion").append("<option value='"+data[index].codigoTipoLocalizacion+"' "+data[index].tipolocalizacionSelected+">"+data[index].descripcionTipoLocalizacion+"</option>");
        });
        $("#divajax").hide();
    }
    function selectTipoLocalizacion() {
        $(function() { 
            $("#tipoLocalizacion").empty();
            $.ajax({ 
                data: "accio=omplirSelect&sel=tipolocalizacionSelected", 
                type: "GET", 
                dataType: "json", 
                url: "./controlador/TipolocalizacionControl.php",
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                success: function(data){ 
                    muestraTipoLocalizacion(data);
                }
            });
        }); 
    }
   
    
</script>

<!-- CLIC A GUARDAR LOCALIZACION EN LA BASE DE DATOS(MODIFICARLO O CREARLO)-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#guardarL').click(function() {  
            if($("#codigoLocalizacion").val() ==""){
                var datos = "accio=create&codigoLocalizacion=&"+$("#flocalizacion").serialize(); 
            }else{
                var datos = "accio=update&codigoLocalizacion="+$("#codigoLocalizacion").val()+"&"+$("#flocalizacion").serialize(); 
            }
                  
            $.ajax({ 
                data: datos,
                type: "GET", 
                dataType: "json", 
                async: false,
                url: "controlador/LocalizacionControl.php", 
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                error : function(jqXHR, textStatus, errorThrown) {
                    console.info('in error');
                    console.log(jqXHR, textStatus, errorThrown);
                },
                success: function(data1){
                    traelocalizaciones();
                    $("#divajax").hide(); 
                }
            });
 
        });
    });
</script>

<!-- Botón activo-->
<script language="javascript" type="text/javascript">
    $(function() {
        $( "#activolocalizacion" ).buttonset();
    });
</script>

<!-- CLIC A ELIMINAR LOCALIZACION EN LA BASE DE DATOS(DELETE)-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#deleteL').click(function() {  

            var datos = "accio=delete&codigoLocalizacion="+$("#codigoLocalizacion").val()+"&"+$("#flocalizacion").serialize(); 
                  
            $.ajax({ 
                data: datos,
                type: "GET", 
                dataType: "json", 
                async: false,
                url: "controlador/LocalizacionControl.php", 
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                success: function(data1){
                    traelocalizaciones();
                    $("#divajax").hide(); 
                }
            });
 
        });
    });
</script>

